*
{
  font-family: 华文细黑 , Chalkboard SE , sans-serif ;
  margin: 0 ; 
  padding: 0 ;
}

.color
{
  color: #00DFB9 ;
}

a 
{
  text-decoration: none ;
}

#header
{
  display: inline ;
}

#header img
{
  height: auto ;
  margin: 20px 0 0 0 ;
  width: 500px ;
}

.Navigation 
{
  background-color: #FFF;
  display: inline ;
  margin-bottom: 15px ;
}

.Navi
{
  color: #000 ;
  font-family: "微软雅黑" ;
  font-size: 16px ;
  font-weight: 1000 ;
  margin: 15px auto ;
  padding: 0 20px ;
  text-decoration: none ;
  text-transform: uppercase ;
  transition: color ease-in 0.5s ;
  width: 100px ;
}

.Navi:hover 
{
  color: #00DFB9 ;
  text-decoration: none ;
}

.hovered
{
  color: #00DFB9 ;
}

footer 
{
  background-color: #000 ;
  position: relative ;
  top: 0px ;
}

.foot-nav
{
  text-align: center ;
}

.foot-nav a
{
  color: #FFF ;
  text-decoration: none ;
}

.foot-nav a:hover
{
  color: #00DFB9 ;
}

.foot-nav div
{
  display: inline-block ;
  margin: 100px 2.5% ;
}

footer p
{
  color: #FFF ;
  display: inline-block ; 
  padding: 20px ;
}

footer select
{
  background-color: #000 ;
  border: none ;
  color: #FFF ;
  display: inline-block ; 
  height: 20px ;
}

@keyframes fade-in
{
  0%
  {
    opacity: 0 ;
  }
  100%
  {
    opacity: 1 ;
  }
}

@keyframes fade-out
{
  0%
  {
    opacity: 1 ;
  }
  100%
  {
    opacity: 0 ;
  }
}
